html{ }
body{background:#f4f3f1}
input:focus{ outline:none}
.fl{ float:left}
.ggw1100{ width:1100px;}
.ggshadow{ border-right:2px solid #d3d3d3; border-bottom:2px solid #d3d3d3}
.pos-rel{ position:relative}
.ggellipsis{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.yen{ position:relative; font-family:arial; font-size:12px; font-style:normal}
.ggHeader{ width:100%; height:100px; text-align:center; overflow:hidden; background:url(http://www.12301.cc/shops/images/ggHeader_bg_1.jpg) top center repeat-x}
.ggHeader .customCon{ height:100%; margin:0 auto; text-align:left}
.ggHeader .customCon img{ position:relative; top:21px; }
.ggNavbar{ width:100%; height:40px; background:#1e8acc;}
.ggNavbar .con{ position:relative; margin:0 auto}
.ggNavbar .navUl{ margin:0 auto; overflow:hidden}
.ggNavbar .navLi{ float:left; height:100%;}
.ggNavbar .navLi a{ display:block; height:100%; line-height:40px; padding:0 30px; text-align:center; color:#fff;}
.ggNavbar .navLi a:hover{ background:#1a7bb7}
#ggUserbar{ position:absolute; /*z-index:5;*/ right:0; bottom:-5px; height:61px; width:291px; background-position:0 0}
#ggUserbar .t{ position:relative; top:-8px; font-size:16px;}
#ggUserbar .col.l{ margin-left:17px; margin-top:19px; margin-right:11px;}
#ggUserbar .col .t{ color:#505050}

#ggUserbar .col .t:hover{ color:#1e8acc}
#ggUserbar .col.l .t{top:-7px; margin-right:10px;}
#ggUserbar .col.l .t.username {top: -7px;margin-right: 1px;font-size: 14px;}
#ggUserbar .col.l .t.logoutname {top: -7px;margin-right: 1px;color: #1e8acc;} 
#ggUserbar .col.r{ position:relative; margin-top:20px;}
#ggUserbar .col.r .topCarticon .num{ position:absolute; display:block; width:22px; top:-10px; left:7px; font-size:18px; text-align:center; font-family:arial; font-weight:500; color:#eb6100}

/* 通用模块头部 */
.gghd{ width:100%; overflow:hidden; height:22px; line-height:22px; }
.gghd .col{ display:block; float:left; font-size:18px;}
.gghd .col.l{ font-weight:bold; color:#535353; border-left:3px solid #1e8acc; padding-left:5px;}
.gghd .col.r{ float:right; padding-right:0; color:#535353; font-size:14px;}
.gghd .col.r:hover{ color:#1e8acc}
/* ggMainCon */
.ggMainCon{ margin:30px auto}
.ggMainCon .mainCol.l{float:left; width:804px;}
.ggMainCon .mainCol.r{float:right; width:281px;}
/* 公告通知栏 */
.ggNoticeBar{ width:260px;}
.ggNoticeBar .nbox{ border:1px solid #ddd; background:#fff}
.ggNoticeBar .nbox li{ overflow:hidden; padding:8px 15px; border-bottom:1px dotted #ccc}
.ggNoticeBar .nbox li:last-child{ border-bottom:0 none;}
.ggNoticeBar .nbox .tit{ padding:8px 10px 2px; border-bottom:1px solid #f2f2f2; background-color:#fcfcfc}
.ggNoticeBar .nbox .tit .t{ font-size:18px; font-weight:bold; margin-left:10px; vertical-align:top; position:relative; top:2px;}
.ggNoticeBar .nbox.sucOrder span{ margin-right:5px;}
.ggNoticeBar .nbox.sucOrder span.user{ color:#1e8acc}
.ggNoticeBar .nbox.sucOrder span.suc{ color:#009f3c}
.ggNoticeBar .nbox.sucOrder a.pn{ color:#1e8acc}
.ggNoticeBar .nbox.news{ border-top:0 none}
.ggNoticeBar .nbox.news li{ padding-right:5px;}
.ggNoticeBar .nbox.news a{ display:block; width:100%;}
.sucOrderBar .conWrap{ width:100%; height:300px; overflow:hidden; margin-bottom:10px;}
.lt-ie8 .sucOrderBar .conWrap{ position:relative}
.sucOrderBar .conWrap .listUl{ position:relative}
.sucOrderBar .conWrap .listUl .liCon{ height:42px; overflow:hidden}
.sucOrderBar .conWrap .listUl .statusTxt{ height:200px; line-height:200px; text-align:center}
.sucOrderBar .conWrap .listUl .title{display:block;}
.sucOrderBar .conWrap .listUl .t{font-size:12px;}
/* 页面公用尾部 */
.ggfooter{  margin-top:40px; background:#76777c;width: 100%;
position: absolute;}
.ggfooter .con{ margin:0 auto; padding:70px 0;}
.ggfooter .tpw { font-size:0; text-align:center;}
.ggfooter .tpw a{ font-size:0; margin-right:32px;}
.lt-ie8 .ggfooter .tpw a{ margin-right:30px;} /* ie6 7 */
.ggfooter .bw{ width:100%; overflow:hidden; margin-top:25px;}
.ggfooter .bw .col{ float:left}
.ggfooter .bw .col.l,.ggfooter .bw .incol.l{ color:#c9c9c9; float:left}
.ggfooter .bw .rincol{ margin-left:10px;}
.ggfooter .bw .rincol p{ line-height:1.4}
.ggfooter .bw .rincol a{ color:#c9c9c9; margin-right:4px;}
.ggfooter .bw .col.r{ float:right}
.ggfooter .bw .col.r a{ color:#fff; margin-left:15px;}
.ggfooter .bw .col.r a:hover{ text-decoration:underline}

/* 通用list box */
.gglistGroup{ margin-top:10px; overflow:hidden}
.gglistGroup.col-3{ width:804px;}
.gglistGroup.col-3 .ggListItem{ width:256px;}
.gglistGroup.col-4{ width:1100px;}
.gglistGroup.col-4 .ggListItem{ width:262px;}
.gglistGroup.col-1{ margin-right:0}
.gglistGroup.col-1 .ggListItem{ width:280px;}
.gglistGroup .listUl{ margin-right:-15px;}
.ggListItem{ float:left; position:relative; display:block; margin-right:15px; margin-top:10px;  background:#fff; border-bottom:2px solid #d3d3d3;border-right:2px solid #d3d3d3;}
.gglistGroup.col-4 .listUl{ margin-right:-16px;}
.ggListItem .photo{ width:100%; height:172px; overflow:hidden;}
.ggListItem .photo table{ width:100%; height:100%; text-align:center; font-size:0}
.ggListItem .photo a{ display:block; width:100%; height:100%; overflow:hidden; font-size:0; }
.ggListItem .photo a img{ width:100%; -webkit-transition:width 0.3s; -mox-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.ggListItem .photo a:hover img{ width:105%;}
.ggListItem .bCon{ background:#fff}
.ggListItem .bCon .tit{ display:block; font-size:16px; color:#1e8acc; margin-top:6px;}
.ggListItem .bCon .desc{ display:block; color:#656565}
.ggListItem .bCon .fw{ display:block; width:100%; overflow:hidden; margin-top:3px; color:#656565}
.ggListItem .fw .col.l{ float:left}
.ggListItem .fw .col.l .p{ display:block}
.ggListItem .bCon .fw .p2{ margin-top:-5px;}
.ggListItem .bCon .fw .p2 .yen,.ggListItem .bCon .fw .p2 .num{ position:relative; top:1px; font-size:18px; color:#eb6100;}
.ggListItem .bCon .fw .p2 .yen{ font-size:14px; margin-right:1px;}
.ggListItem .awrap{ display:block; margin:10px; margin-top:0; overflow:hidden}
.ggListItem .fw .col.r{ float:right; display:block; width:80px; height:30px; line-height:30px; margin-top:5px; margin-right:5px; text-align:center; color:#fff; border-radius:2px; border-width:1px; border-style:solid}
.ggListItem .fw .col.r.online{ border-color: #f37200;color: #f37200;width: 80px;border: 2px solid #f37200;
-moz-border-radius: 3px;-webkit-border-radius: 3px; -webkit-transition:background,color 0.3s; -moz-transition:background,color 0.3s; -o-transition:background,color 0.3s; -ms-transition:background,color 0.3s}
.ggListItem .fw .col.r.online:hover{ background-color:#f37200; color:#ffffff;}
.ggListItem .fw .col.r.current{ border-color:#00b034; color:#00b034}

/* banner */
#ggBanner{ position:relative; height:320px; width:100%; overflow:hidden; background:#47b7bb}
#ggBanner .bstage{ width:100%; height:100%;}
#ggBanner .sitem{ width:100%; height:100%;}
#ggBanner .sitem a{ display:block; width:100%; height:100%; overflow:hidden; font-size:0; text-align:center;}
#ggBanner .sitem a img{ width:100%}
#ggBanner .bnavCon{ position:absolute; top:0; bottom:0; left:0; right:0; height:100%;}
#ggBanner .bnavCon .bnavInn{ height:100%; margin:0 auto; overflow:hidden}
#ggBanner .bnavCon .bnavW{ width:280px; height:100%; float:right; margin-right:5px;  background:rgba(255,255,255,.7); }
.lt-ie9 #ggBanner .bnavCon .bnavW{ background:url(http://www.12301.cc/shops/images/ggbnav_bg.png) left top repeat-y}
#ggBanner .bnavCon .bnavW li{ height:50px; padding:10px 20px; overflow:hidden; cursor:pointer; color:#444; border-left:1px solid rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.8)}
#ggBanner .bnavCon .bnavW li.first{ padding-top:20px;}
#ggBanner .bnavCon .bnavW .tit{ font-weight:bold; font-size:14px; }
#ggBanner .bnavCon .bnavW li.active{ color:#fff; background:rgba(0,0,0,.5); border-left:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);}
.lt-ie9 #ggBanner .bnavCon .bnavW li.active{ background:#6c6c6c}

/* 页面中部小banner */
.mbanner{ width:100%; margin:10px 0; clear:both; overflow:hidden; float:left; border-bottom:2px solid #d3d3d3}
.lt-ie8 .mbanner{ position:relative; zoom:1;}
.mbanner a{ display:block; width:100%; overflow:hidden; font-size:0}


/* 全站icon */
.gsprite{ background:url(http://www.12301.cc/shops/images/g-css-sprite.png) no-repeat 0 0}
.gsprite.gicon{ position:relative; font-size:0; display:inline-block;}
.gsprite.gicon.user{ width:27px; height:24px; background-position:-291px 0}
.gsprite.gicon.cart{ width:31px; height:23px; background-position:-318px 0}
.gsprite.gicon.sucOrder{ width:34px; height:32px; background-position:-349px 0}
.gsprite.gicon.news{ width:32px; height:32px; background-position:-383px 0}
.gsprite.gicon.calder{ width:22px; height:22px; background-position:-415px 0}
.gsprite.gicon.addCount{ width:26px; height:25px; background-position:-463px 0}
.gsprite.gicon.minuCount{ width:26px; height:25px; background-position:-437px 0}


/* 公用登录弹窗 */
.gloginMask{ display:none; position:fixed; z-index:10001; top:0; bottom:0; right:0; left:0; background:rgba(255,255,255,0.8)}
.gloginMain{ display:none; position:fixed; z-index:10002; top:50px; left:300px; width:750px; background:#fff url(http://www.12301.cc/shops/images/glogin_bg1.jpg) no-repeat bottom center;
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.2);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,.2);
	-o-box-shadow:2px 2px 2px rgba(0,0,0,.2);
	-ms-box-shadow:2px 2px 2px rgba(0,0,0,.2);
	box-shadow:2px 2px 2px rgba(0,0,0,.23);
}
.gloginMain .fl{ float:left;}
.gloginMain .inerMain{ position:relative; width:100%; height:450px; overflow:hidden; background:url(http://www.12301.cc/shops/images/glogin_bg2.png) no-repeat bottom right;}
.gloginMain .loginslideW{ position:relative; width:320px; overflow:hidden; margin:80px 0px 0 90px}
.gloginMain .loginSlideUl{ width:640px; position:relative;}
.gloginMain .floatBox{ width:320px; float:left;}
.gloginMain .glgIcon{ display:block; font-size:0; position:relative; text-indent:-9999px; background:url(http://www.12301.cc/shops/images/gloginIcons.png) no-repeat 0 0;}
.gloginMain .glgInpCtrol{ position:relative; width:310px; height:51px; margin-top:19px;}
.gloginMain .glgInpCtrol .inpTri{ position:absolute; top:0; width:10px; height:51px;}
.gloginMain .glgInpCtrol .lf{ left:0; background-position:-344px 0}
.gloginMain .glgInpCtrol .rig{ right:0; background-position:-354px 0}
.gloginMain .glgInpCtrol .cen{ height:100%; padding:0 5px 0 40px; margin:0 10px; background:url(http://www.12301.cc/shops/images/glogin_inpug_bg.png) repeat-x 0 0}
.gloginMain .glgInpCtrol .glgIcon.icon{ top:-39px; left:15px;}
.gloginMain .glgInpCtrol .glgIcon.user{ width:26px; height:27px; background-position:-367px -12px}
.gloginMain .glgInpCtrol .glgIcon.password{ left:12px; width:28px; height:27px; background-position:-396px -12px}
.gloginMain .glgInpCtrol .glgIcon.tel{ left:19px; width:19px; height:27px; background-position:-430px -12px}
.gloginMain .glgInpCtrol .gloginInp{ width:100%; height:100%; line-height:51px; font-size:16px; border:0 none; background:none; padding:0; color:#9F9F9E}
.gloginMain .errorTip{ display:none; height:20px; line-height:20px; margin-bottom:00px; color:red; padding-left:7px;}
.gloginMain .botW{ width:100%; overflow:hidden; margin-top:30px;}
.gloginMain .loginBtn{ width:155px; height:51px; margin-right:10px; background-position:0 0}
.gloginMain .loginBtn:hover{ background-position:0 -51px;}
.gloginMain .singupBtn{ width:155px; height:51px; margin-right:10px; background-position:-155px 0}
.gloginMain .singupBtn:hover{ background-position:-155px -51px;}
.gloginMain .botW .singup,.gloginMain .botW .forget,.gloginMain .botW .lin{ display:block; height:51px; line-height:51px; font-size:17px; color:#1b8cd3}
.gloginMain .botW .lin{ margin:-1px 5px 0}
.gloginMain .gloginPopClose{ position:absolute; top:0; right:0; width:33px; height:33px; background-position:-311px 0}
.gloginMain .gloginPopClose:hover{ background-position:-311px -51px}
.gloginMain .glgInpCtrol.yanzheng{ width:120px;}
.gloginMain .glgInpCtrol.yanzheng .cen{ padding:0 7px;}
.gloginMain .getmaCode{ margin-left:10px; margin-top:31px;}
.gloginMain .singupW .botW .rig{ display:block; height:51px; line-height:51px; font-size:16px; color:#a6a6a6}
.gloginMain .singupW .botW .rig .sloginBtn{ color:#3684ba}




/* 首页样式 */
.ggMainCon{ overflow:hidden; margin:20px auto}
.gglistGroup{ float:left}
.ggNoticeBar{ float:right; width:281px; margin-right:4px;}



/*.pullRegion{ position:relative; width:100%; height:0; overflow:hidden}*/
/*.pullRegion .pullCon{ position: absolute; left: 0; padding: 5px 10px; height: 40px; line-height: 40px; font-weight: bold; font-size: 14px; color: #888; }*/
/*.pdownCon { bottom: 0; top: auto; }*/
/*.pupCon { bottom: auto; top:0 }*/
/*.pullRegion .icon, .pullRegion .icon { display: block;float: left; width:40px; height:40px; -webkit-background-size:40px 80px; background-size: 40px 80px; -webkit-transition: -webkit-transform 250ms;*/
	/*background:  url("") 0 0 no-repeat;*/
/*}*/
/*.pdownCon.default .icon { -webkit-transform: rotate(0deg) translateZ(0); }*/
/*.pupCon.default .icon { -webkit-transform: rotate(-180deg) translateZ(0); }*/
/*.pdownCon.prepare .icon { -webkit-transform: rotate(-180deg) translateZ(0); }*/
/*.pupCon.prepare .icon { -webkit-transform: rotate(0deg) translateZ(0); }*/
/*.pdownCon.loading .icon, .pupCon.loading .icon { background-position: 0 100%; -webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }*/
/*@-webkit-keyframes loading {*/
	/*from { -webkit-transform: rotate(0deg) translateZ(0); }*/
	/*to { -webkit-transform: rotate(360deg) translateZ(0); }*/
/*}*/
































